
body{
	width:100%;
	background: whitesmoke;
        margin: auto;
}

@font-face
{
    font-family: 'DJGROSS';
    src: url('DJGROSS.ttf')format('truetype');
}


header{
	width:100%;
	height:120px;
	background:rgba(000,000,12,0.2);
}

header h2
{
    font-family: 'DJGROSS';
    text-decoration: underline;
    color: rosybrown;
    margin-right: 380px;
    margin-left: 480px;
    margin-bottom: 5px;
    
    
}

header nav
{
    margin-right: 380px;
    margin-left: 380px;
    margin-top: 20px;
}
nav{
    border: 1px solid black;
    text-align: right;
    display: inline-block;/*regroupe le menu en block*/
    
}
nav ul{
    list-style-type: none;/*eloigne les petits points devant les listes*/
}
nav li{
    display: inline-block;
    margin-right: 15px;
}
nav a{
    color: whitesmoke;
    font-size: 1.2em; /*la taille de l'ecriture'*/
    text-decoration: none;/*eloigne le soulignement*/
    padding-bottom: 3px;
    
}
article, aside{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    padding: 15px 10px 10px 10px;
    margin: 0px 5px 0px 10px ;
    -Webkit-border-radius: 8px; 
    border-radius:8px;
    box-shadow: 0px 2px 5px #1c1a19;
    background: whitesmoke;
}
article{
    width: 920px;
    height: 470px;
    -Moz-column-count: 3; 
    -moz-column-gap:10px; 
    -webkit-column-count:3; 
    -webkit-column-gap:10px; 
    column-count:3;
    column-gap:10px;
}
article p{
    font-size: 1.0em;
}

aside{
    position: relative;
    width: 350px;
    height: 465px;
    /*border-bottom: 2px black dashed;*/
}
section{
	height:500px;
	width:100%;
	background: white;
}
footer{
	height:120px;
	width:100%;
	background: #BBD581;
}
aside section form
{
    border: 2px solid blueviolet;
}